<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>医疗设备商务图谱</title>
</head>
<body>
 <div class="atlas_back">
     <div class="atlas_container">
         <div class="title_back">
             <div class="title_text">医疗设备商务图谱</div>
         </div>
         <div class="content_container map_content">
             <svg width="100%" height="100%" class="atlas_map">
                 <defs>
                     <filter id="glow">
                         <feGaussianBlur class="blur" stdDeviation="25.5" result="coloredBlur" filterUnits="userSpaceOnUse"></feGaussianBlur>
                         <feMerge>
                             <feMergeNode in="coloredBlur"></feMergeNode>
                             <feMergeNode in="SourceGraphic"></feMergeNode>
                         </feMerge>
                     </filter>

                     <filter id="blue-glow" x="-5000%" y="-5000%" width="10000%" height="10000%">
                         <feFlood result="flood" flood-color="#47a6ff" flood-opacity="1"></feFlood>
                         <feComposite in="flood" result="mask" in2="SourceGraphic" operator="in"></feComposite>
                         <feMorphology in="mask" result="dilated" operator="dilate" radius="2.5"></feMorphology>
                         <feGaussianBlur in="dilated" result="blurred" stdDeviation="4"></feGaussianBlur>
                         <feMerge>
                             <feMergeNode in="blurred"></feMergeNode>
                             <feMergeNode in="SourceGraphic"></feMergeNode>
                         </feMerge>
                     </filter>
                     <defs>
                         <radialGradient id="grad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
                             <stop offset="10%" style="stop-color:rgb(55,121,181);stop-opacity:1" />
                             <stop offset="80%" style="stop-color:rgb(179,238,255);stop-opacity:0" />
                         </radialGradient>
                     </defs>
                 </defs>

                 <defs>

                     <filter id="hospital-glow" x="-5000%" y="-5000%" width="10000%" height="10000%">
                         <feFlood result="flood" flood-color="#47a6ff" flood-opacity="1"></feFlood>
                         <feComposite in="flood" result="mask" in2="SourceGraphic" operator="in"></feComposite>
                         <feMorphology in="mask" result="dilated" operator="dilate" radius="1.25"></feMorphology>
                         <feGaussianBlur in="dilated" result="blurred" stdDeviation="100"></feGaussianBlur>
                         <feMerge>
                             <feMergeNode in="blurred"></feMergeNode>
                             <feMergeNode in="SourceGraphic"></feMergeNode>
                         </feMerge>
                     </filter>
                 </defs>

                 <defs>
                     <filter id="glow_line">
                         <feGaussianBlur class="blur" stdDeviation="10" result="coloredBlur" filterUnits="userSpaceOnUse"></feGaussianBlur>
                         <feMerge>
                             <feMergeNode in="coloredBlur"></feMergeNode>
                             <feMergeNode in="SourceGraphic"></feMergeNode>
                         </feMerge>
                     </filter>
                 </defs>

                 <defs>
                     <filter id="glow_line2">
                         <feGaussianBlur class="blur" stdDeviation="1.5" result="coloredBlur" filterUnits="userSpaceOnUse"></feGaussianBlur>
                         <feMerge>
                             <feMergeNode in="coloredBlur"></feMergeNode>
                             <feMergeNode in="SourceGraphic"></feMergeNode>
                         </feMerge>
                     </filter>
                 </defs>
             </svg>
             <div class="describe_substance">
                 <div class="describe_box">
                     <div class="describe_content home_content">
                        <div>
                            医疗设备商务图谱，集合了医疗设备的采购方和供应商的交易信息，抽取出相互间的关系链，并将其可视化。透过关系链中任意一个单位作为中心点，变化出与中心点相联系的映射图谱。本次共收录10503家采购单位，9396家供应商，涵盖全国23个省市自治区。文字左侧的地图是根据各区域内交易频率和金额所呈现的热力图。
                        </div>
                         <div class="data_sources">
                             数据来源于2015-2017年招标数据
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
 </div>
<div class="atlas_back relation_back hide">
    <div class="atlas_container">
        <div class="title_back">
            <div class="title_text" id="title_name"></div>
        </div>
        <div class="close_back"></div>
        <div class="content_container relation_content">
            <div class="relation_svg_container">
                <svg width="100%" height="100%" class="relation_map">
                    <defs>
                        <filter id="glow">
                            <feGaussianBlur class="blur" stdDeviation="25.5" result="coloredBlur" filterUnits="userSpaceOnUse"></feGaussianBlur>
                            <feMerge>
                                <feMergeNode in="coloredBlur"></feMergeNode>
                                <feMergeNode in="SourceGraphic"></feMergeNode>
                            </feMerge>
                        </filter>

                        <filter id="blue-glow" x="-5000%" y="-5000%" width="10000%" height="10000%">
                            <feFlood result="flood" flood-color="#47a6ff" flood-opacity="1"></feFlood>
                            <feComposite in="flood" result="mask" in2="SourceGraphic" operator="in"></feComposite>
                            <feMorphology in="mask" result="dilated" operator="dilate" radius="2.5"></feMorphology>
                            <feGaussianBlur in="dilated" result="blurred" stdDeviation="4"></feGaussianBlur>
                            <feMerge>
                                <feMergeNode in="blurred"></feMergeNode>
                                <feMergeNode in="SourceGraphic"></feMergeNode>
                            </feMerge>
                        </filter>
                        <defs>
                            <radialGradient id="grad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
                                <stop offset="10%" style="stop-color:rgb(55,121,181);stop-opacity:1" />
                                <stop offset="80%" style="stop-color:rgb(179,238,255);stop-opacity:0" />
                            </radialGradient>
                        </defs>
                    </defs>

                    <defs>
                        <filter id="glow_line">
                            <feGaussianBlur class="blur" stdDeviation="10" result="coloredBlur" filterUnits="userSpaceOnUse"></feGaussianBlur>
                            <feMerge>
                                <feMergeNode in="coloredBlur"></feMergeNode>
                                <feMergeNode in="SourceGraphic"></feMergeNode>
                            </feMerge>
                        </filter>
                    </defs>

                    <defs>
                        <filter id="glow_line2">
                            <feGaussianBlur class="blur" stdDeviation="1.5" result="coloredBlur" filterUnits="userSpaceOnUse"></feGaussianBlur>
                            <feMerge>
                                <feMergeNode in="coloredBlur"></feMergeNode>
                                <feMergeNode in="SourceGraphic"></feMergeNode>
                            </feMerge>
                        </filter>
                    </defs>
                </svg>
            </div>
            <div class="describe_substance">
                <div class="describe_box">
                    <div class="describe_content" id="relation_describe">

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>